﻿<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>美食家|美食|菜谱大全|家常菜谱|美食社区-最大的中文美食网站</title>
	<link rel="stylesheet" type="text/css" href="css/public.css">
	<link rel="stylesheet" type="text/css" href="css/index.css">
</head>

<body>
	<!--顶端固定导航栏-->
	<div id="top">
        <ul id="top_header">
            <li class="top_header_name">美食家</li>
            <li><a class="top_header1" href="index.html">首页</a></li>
            <li><a class="top_header2" href="html/menu.html">菜谱</a></li>
            <li><a class="top_header3" href="html/food.html">食材</a></li>
            <li><a class="top_header4" href="html/special.html">专题</a></li>
            <li><a class="top_header5" href="html/activity.html">活动</a></li>
            <li><a class="top_header6" href="html/search.html">搜索▼</a></li>
        </ul>
        <div class="user">
            <a href="html/user.html"><img src="./images/public_userlogin.png" id="userLogin"></a>
            <a id="login" href="html/login.html">登录</a>
            <span class="and">|</span>
            <a id="register" href="html/register.html">注册</a>
        </div>
	</div>
    <!--中间part-->
    <div id="content">
        <!--中间part导航部分-->
        <div id="content_header">
            <!--中间part导航logo-->
            <div id="content_header_logo">
                <a href="#" style="text-decoration: none;">
                    <img src="./images/logo.gif" class="logo">
                    <p class="content_header_title">美食家</p>
                </a>
            </div>
            <!--中间part导航栏-->
            <div id="content_header_guide">
                <a href="#" style="color:rgba(255,102,102,0.8);">首页</a>
                <a href="html/menu.html">菜谱</a>
                <a href="html/food.html">食材</a>
                <a href="#">健康</a>
                <a href="#">社区</a>
                <a href="html/activity.html">活动</a>
            </div>
            <!--中间part导航栏搜索框-->
            <div id="content_header_select">
                <form method="post">
                    <input type=text id="content_header_find"><input type="submit" id="content_header_goToFind" value="搜索">
                </form>
            </div>
        </div>
        <!--中间part图片展示特效-->
        <div id="content_img">
            <table class="content_img_table">
                <tr>
                    <td><a href="html/foodIntroduce.html"><div class="img1"></div></a></td>
                    <td><a href="html/foodIntroduce.html"><div class="img2"></div></a></td>
                    <td><a href="html/foodIntroduce.html"><div class="img3"></div></a></td>
                    <td><a href="html/foodIntroduce.html"><div class="img4"></div></a></td>
                </tr>
            </table>
        </div>
        <!--中间part文字推荐-->
        <div id="content_list">
            <table class="content_list_table">
                <tr>
                    <td>
                        <h3>健康</h3>
                        <hr>
                        <img src="images/index_content_list1.jpg">
                        <ul>
                            <li><a href="#">手把手教您5道芒果美食做法</a></li>
                            <li><a href="#">准爸再也不用担心准妈没零食吃了</a></li>
                            <li><a href="#">宝宝健康多吃豆</a></li>
                            <li><a href="#">宝宝吃土豆 调理肠胃治湿疹</a></li>
                            <li><a href="#">专题 | 那些美颜食物的神级吃法</a></li>
                            <li><a href="#">专题 | 聪明女人都在吃的养生菜</a></li>
                        </ul>
                    </td>
                    <td style="padding-left: 20px">
                        <h3>烘焙</h3>
                        <hr>
                        <img src="images/index_content_list2.jpg">
                        <ul>
                            <li><a href="#">初春の粉红-樱花马卡龙</a></li>
                            <li><a href="#">桃花主题没事-桃花酥</a></li>
                            <li><a href="#">内藏惊喜的彩虹戚风蛋糕</a></li>
                            <li><a href="#">消耗蛋挞皮-简单版红薯酥</a></li>
                            <li><a href="#">菜单 | 奥利奥的N种百搭吃法</a></li>
                            <li><a href="#">专题 | 另类咸香口儿 满足你的味蕾！</a></li>
                        </ul>
                    </td>
                    <td style="padding-left: 20px">
                        <h3>为您推荐</h3>
                        <hr>
                        <img src="images/index_content_list3.jpg">
                        <ul>
                            <li><a href="#">爱上素食一种更健康的生活方式</a></li>
                            <li><a href="#">划重点！食物降血脂这些更有效</a></li>
                            <li><a href="#">粗粮细作：健康能量燕麦甜品</a></li>
                            <li><a href="#">妈妈派 | 童趣童味，儿童创意餐点</a></li>
                            <li><a href="#">妈妈派 | 孕期食疗·健康知识</a></li>
                            <li><a href="#">免费抽奖 | ACA多士炉烤面包片</a></li>
                        </ul>
                    </td>
                </tr>
            </table>
        </div>
        <!--中间part图片展示-->
        <div id="content_pic">
            <h2>新晋菜谱</h2>
            <hr>
            <table class="content_pic_table">
                <tr>
                    <td>
                        <img src="images/index_content_pic1.png">
                        <p><a href="#">鱼香肉丝</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic2.png">
                        <p><a href="#">韭菜鸡蛋水饺</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic3.png">
                        <p><a href="#">培根咖喱炒饭</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic4.png">
                        <p><a href="#">自制芒果酸奶</a></p>
                    </td>
                </tr>
                <tr>
                    <td>
                        <img src="images/index_content_pic5.png">
                        <p><a href="#">坚果蛋糕</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic6.png">
                        <p><a href="#">马蹄糕</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic7.png">
                        <p><a href="#">凉拌香椿</a></p>
                    </td>
                    <td>
                        <img src="images/index_content_pic8.png">
                        <p><a href="#">柠香蛋羹</a></p>
                    </td>
                </tr>
            </table>
        </div>
        <!--中间part用户展示-->
        <div id="content_userShare">
            <h2>热门</h2>
            <hr>
            <table class="content_userShare_table">
                <tr>
                    <td style="width: 450px;">
                        <table style="margin-left: 15px">
                            <tr>
                                <td style="width: 40px;height: 40px;"><img src="images/index_content_userShare_user1.jpg" style="width: 40px;height: 40px;"></td>
                                <td><p style="padding-left: 15px;font-size: 14px;">清水淡竹</p></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="font-size: 14px;">成功的蓝莓肉松蛋糕卷，开心开心！</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <img src="images/index_content_userShare_user1_pic1.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user1_pic2.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user1_pic3.jpg" style="width: 90px;height: 90px;">
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="width: 450px;">
                        <table style="margin-left: 10px">
                            <tr>
                                <td style="width: 40px;height: 40px"><img src="images/index_content_userShare_user2.jpg" style="width: 40px;height: 40px;"></td>
                                <td><p style="padding-left: 15px;font-size: 14px;">心语梦境</p></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="font-size: 14px;">生日快乐</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <img src="images/index_content_userShare_user2_pic1.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user2_pic2.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user2_pic3.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user2_pic4.jpg" style="width: 90px;height: 90px;">
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr>
                    <td style="width: 450px;">
                        <table style="margin-left: 10px">
                            <tr>
                                <td style="width: 40px;height: 40px"><img src="images/index_content_userShare_user3.jpg" style="width: 40px;height: 40px;"></td>
                                <td><p style="padding-left: 15px;font-size: 14px;">家yao</p></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="font-size: 14px;">今儿食野菜香~</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <img src="images/index_content_userShare_user3_pic1.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user3_pic2.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user3_pic3.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user3_pic4.jpg" style="width: 90px;height: 90px;">
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="width: 450px;">
                        <table style="margin-left: 10px">
                            <tr>
                                <td style="width: 40px;height: 40px;"><img src="images/index_content_userShare_user4.jpg" style="width: 40px;height: 40px;"></td>
                                <td><p style="padding-left: 15px;font-size: 14px;">线线3896</p></td>
                            </tr>
                            <tr>
                                <td colspan="2" style="font-size: 14px;">新鲜的花椒叶摘时不能选太老的哦~</td>
                            </tr>
                            <tr>
                                <td colspan="2">
                                    <img src="images/index_content_userShare_user4_pic1.jpg" style="width: 90px;height: 90px;">
                                    <img src="images/index_content_userShare_user4_pic2.jpg" style="width: 90px;height: 90px;">
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
    </div>
    <!--底端通用版权-->
    <div id="footer">
        版权所有 © 2004-2017 美食家 保留所有权利
    </div>
</body>
</html>